<html>
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>确认购票信息</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="js/jquery/jquery.mobile-1.4.5.min.css"/>

    <link rel="stylesheet" href="css/total/index.css" />
    <link rel="stylesheet" href="css/total/button.css" />
</head>

<body>
    <div data-role="page" id="resure">
        <div data-role="none">
            <div class="history_head">
            </div>
            <a data-role="none" href="member.html">
                    <image data-role="none" src="img/%E5%A4%B4%E5%83%8F.png" width="75px;" class="resure_header" />
                </a>
            <div class="resure-div">
                <h3>确认信息：</h3>

                <!--
                 <table class="resure-table">
                    <tr>
                        <td>南京站</td>
                        <td>
                            <image src="img/change.png" class="resure-change"></image>
                        </td>
                        <td>新街口</td>
                    </tr>
                    <tr>
                        <td>张数：2张</td>
                    </tr>
                    <tr>
                        <td>使用日期：2016/8/8</td>
                    </tr>
                    <tr>
                        <td>合计：6元</td>
                    </tr>
                 </table>
                -->
                <table data-role="none" class="resure-table">
                    <tr data-role="none">
                        <td id="start"></td>
                       <td style="width:70px">
                            <image src="img/change.png" class="resure-change" />
                        </td>
                        <td data-role="none" class="resure_td" id="end"></td>
                    </tr>
                </table>
                <table class="resure-table">
                    <tr style="height:40px">
                        <td>张数：<h id="num"></h>张</td>
                    </tr>
                    <tr style="height:40px">
                        <td>使用日期：<h id="date"></h></td>
                    </tr>
                    <tr style="height:40px">
                        <td>合计：<h id="fee"></h>元</td>
                    </tr>
                </table>
            </div>
            <div class="resure-btngroup">
                <a href="#" class="btn">支付宝支付</a>
                <a href="buy%20ticket.html" class="btn btn-new">重新购买</a>
            </div>
        </div>
    </div>
    
     <script src="js/jquery/jquery-1.12.0.min.js"></script>
    <script src="js/jquery/jquery.mobile-1.4.5.min.js"></script>  
        
        <script>
            

            $(function () {
                
                $.post(
                        "function/resure.php",
                        {city:1 },
                        function (data) {
                            $('#start').text(data.start);
                            $('.resure_td').text(data.end);
                            $('#num').text(data.num);
                            $('#date').text(data.date);
                            $('#fee').text(data.fee);
                        }
                , 'json'
                        );
            });


        </script>

</body>
</html>